

#address-popup{
  top:0;
}
.city_header{
  margin-top:-20px;
  .city-container{
    .city-location{
      margin-top:32px;
      margin-left:12px;
      h3 {
        position:relative;
        margin-bottom:10px;
        color: #999;
        font-size: 11px;
      }
      .location-cur{
        display:inline-block;
        padding:5px 3.6%;
        margin-right:12px;
        border:1px solid #ccc;
        border-radius:4px;
        text-align:center;
        font-size:15px;
        background:#fff;
        color:#333;
      }
    }
    .hot-city {
      margin-top:26px;
      margin-left:12px;
      h3 {
        position:relative;
        margin-bottom:10px;
        color: #999;
        font-size: 11px;
      }
      ul {
        margin:0 auto;
        &:after{
          content:" ";
          display:block;
          clear:both;
        }
        li {
          float: left;
          width:20%;
          padding:5px 0;
          margin-right:13px;
          margin-bottom:14px;
          border: 1px solid #ccc;
          border-radius: 4px;
          background: #fff;
          text-align:center;
          color: #333;
          font-size: 15px;

        }
      }
    }
    .city-select{
      margin-bottom:50px;
      h3{
        margin-top:6px;
        margin-bottom:10px;
        margin-left:12px;
        color: #999;
        font-size: 11px;
      }
      .city-data-title{
        padding-left:12px;
        padding-right:12px;
        height:44px;
        line-height:44px;
        background:#fff;
        border-bottom:1px solid #E0E0E0;
        &:after{
          content:" ";
          display:block;
          clear:both;
        }
        p{
          float:left;
          color:#0175ec;
          font-size:15px;
        }
        i{
          float:right;
          color:#0175ec;
          margin-top:12px;
        }
      }
      .city-data{
        display:none;
        margin-bottom:5px;
        background:#fff;
        table{
          width:100%;
          tr{
            display:block;
            border-top:1px solid #E0E0E0;
            padding:11px 2px;
            &:after{
              content:" ";
              display:block;
              clear:both;
            }
            &:first-child{
              border:none;
            }
            td{
              font-size:14px;
              display:block;
              float:left;
              width:22%;
              padding:0 1.3%;
              border-left:1px solid #E0E0E0;
              text-align:center;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              &:first-child{
                border-left:none;
              }
            }
          }
        }
      }
    }
  }

}

